<template>
	<tn-tabbar
		height="110rpx"
		:inactive-color="Inactive_color"
		fixed
		switch-animation
		:active-color="Subject_color"
		v-model="current"
		icon-size="27px"
		font-size="22rpx"
	>
		<tn-tabbar-item v-for="(item, index) in tabbarList" :key="index" :icon="item.icon" :active-icon="item.icon" :text="item.name" />
	</tn-tabbar>
</template>

<script setup lang="ts">
import { Subject_color, Inactive_color } from '@/utils/constant';
import { storeToRefs } from 'pinia';
import { useCommonStore } from '@/store/common';
const commonStore = useCommonStore();

const { tabbarList, current } = storeToRefs(commonStore);
console.log('current', current);
</script>
